<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title></title>
	<link rel="stylesheet" href="/static/css/bootstrap.min.css" />
	<link rel="stylesheet" href="/static/css/font-awesome.min.css" />
	<link rel="stylesheet" href="/static/css/font-awesome2.min.css" />
	<link rel="stylesheet" href="/static/css/ace.min.css" />
	<link rel="stylesheet" href="/static/css/ace-skins.min.css" />
	<link rel="stylesheet" href="/static/css/ace-rtl.min.css" />
	<link rel="stylesheet" href="/static/css/dataTables.bootstrap.css" />
	<script src="/static/js/jquery-1.10.2.js"></script>
	<script src="/static/js/bootstrap.min.js"></script>
	<script src="/static/js/ace.min.js"></script>
	<script src="/static/js/ace-elements.min.js"></script>
	<script src="/static/js/ace-extra.min.js"></script>
	<script src="/static/js/jquery.dataTables.min.js"></script>
	<script src="/static/js/dataTables.bootstrap.min.js"></script>
	<style>
		body,html{
			margin:0;
			padding:0;
		}
		#title{
			color:#fff;
			font-size: 25px;
			padding-top:6%;
			padding-left:85px;
		}
	</style>
	<script>
		$(function(){
			function currentTime(){
			    var d=new Date(),str='';
			    str+=d.getFullYear()+'年';
			    str+=d.getMonth() + 1+'月';
			    str+=d.getDate()+'日';
			    str+=d.getHours()+'时';
			    str+=d.getMinutes()+'分';
			    str+= d.getSeconds()+'秒';
			    return str;
			};
			setInterval(function(){
				$('#time').html(currentTime);
			},1000);
			$("#sidebar").height($(window).height()-$('#navbar').height());
			$("#iframe").height($(window).height()-140);
			$(".iframeurl").on('click',function(){
				var cid = $(this).attr('name');
				$("#iframe").attr('src',cid);
				$('li').removeClass('active');
				$(this).parent().addClass('active');
				var bid =$(this).attr('title');
				if(bid!="系统首页"){
					bread(bid);
				}else{
					$("#breadcrumbs").siblings('li').remove();
				}
			});
			function bread(bname){
				$("#breadcrumbs").siblings('li').remove();
				var bli = document.createElement('li');
				bli.innerHTML=bname;
				$('#breadcrumbs').parent().append(bli);
			};
		});
	</script>
</head>
<body>
	<div class="navbar navbar-default" id="navbar">
		<div class="navbar-container">
			<div class="navbar-header pull-left">
				<div id="title">数据采集可视化</div>
			</div>
			<div class="navbar-header pull-right" role="navigation">
				<ul class="nav ace-nav">
					<li class="light-blue">
						<a href="" class="dropdown-toggle" data-toggle="dropdown">
					 		<span class="user-info"><small>欢迎光临,</small>数据分析者</span>
							<i class="icon-caret-down"></i>
						</a>
						<ul class="dropdown-menu dropdown-caret pull-right dropdown-yellow dropdown-close">
							<li class="divider"></li>
							<li>
								<a href="http://127.0.0.1:8000/user/login">
									<i class="icon-off"></i>
									<span class="menu-text">安全退出</span>
								</a>
							</li>
						</ul>
					</li>
					<li class="light-blue">
						<a>
							<span id="time"></span>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="main-container">
		<div class="main-container-inner">
			<div class="sidebar" id="sidebar">
				<div class="sidebar-shortcuts">
					<div class="sidebar-shortcuts-large">
						<a class="btn btn-success btn-large">
							<i class="icon-signal"></i>
						</a>
						<a class="btn btn-info">
							<i class="icon-pencil"></i>
						</a>
						<a class="btn btn-warning">
							<i class="icon-group"></i>
						</a>
						<a class="btn btn-danger">
							<i class="icon-cogs"></i>
						</a>
					</div>
				</div>
				<ul class="nav nav-list">
					<li>
						<a href="javascript:void(0)">
							<span class="menu-text"></span>
						</a>
					</li>
					<li>
						<a href="javascript:void(0)" class="dropdown-toggle">
							<i class="icon-pencil"></i>
							<span class="menu-text">动作时域图</span>
							<b class="arrow icon-angle-down"></b>
						</a>
						<ul class="submenu">
							<li>
								<a href="javascript:void(0)" name="http://127.0.0.1:8000/user/device_easy" class="iframeurl" title="无动作">
								<i class="icon-double-angle-right"></i>无动作
								</a>
							</li>
							<li>
								<a href="javascript:void(0)" name="http://127.0.0.1:8000/user/device_kick" class="iframeurl" title="踢踹">
								<i class="icon-double-angle-right"></i>踢踹
								</a>
							</li>
							<li>
								<a href="javascript:void(0)" name="http://127.0.0.1:8000/user/device_grasp" class="iframeurl" title="抓握">
								<i class="icon-double-angle-right"></i>抓握
								</a>
							</li>
							<li>
								<a href="javascript:void(0)" name="http://127.0.0.1:8000/user/device_legs_twitch" class="iframeurl" title="腿部抽搐">
								<i class="icon-double-angle-right"></i>腿部抽搐
								</a>
							</li>
							<li>
								<a href="javascript:void(0)" name="http://127.0.0.1:8000/user/device_hands_stretch" class="iframeurl" title="手部伸展">
								<i class="icon-double-angle-right"></i>手部伸展
								</a>
							</li>
							<li>
								<a href="javascript:void(0)" name="http://127.0.0.1:8000/user/device_turn_over" class="iframeurl" title="翻身">
								<i class="icon-double-angle-right"></i>翻身
								</a>
							</li>
							<li>
								<a href="javascript:void(0)" name="http://127.0.0.1:8000/user/device_legs_stretch" class="iframeurl" title="腿部伸展">
								<i class="icon-double-angle-right"></i>腿部伸展
								</a>
							</li>
							<li>
								<a href="javascript:void(0)" name="http://127.0.0.1:8000/user/device_head_move" class="iframeurl" title="头部移动">
								<i class="icon-double-angle-right"></i>头部移动
								</a>
							</li>
							<li>
								<a href="javascript:void(0)" name="http://127.0.0.1:8000/user/device_hands_twitch" class="iframeurl" title="手部抽搐">
								<i class="icon-double-angle-right"></i>手部抽搐
								</a>
							</li>
						</ul>
					</li>
					<li>
						<a href="javascript:void(0)" class="dropdown-toggle">
							<i class="icon-briefcase"></i>
							<span class="menu-text">FFT分析频域图</span>
							<b class="arrow icon-angle-down"></b>
						</a>
						<ul class="submenu">
							<li>
								<a href="javascript:void(0)" name="http://127.0.0.1:8000/user/fft_kick" class="iframeurl" title="FFT踢踹频谱分析">
								<i class="icon-double-angle-right"></i>FFT踢踹频谱分析
								</a>
							</li>
							<li>
								<a href="javascript:void(0)" name="http://127.0.0.1:8000/user/fft_hands_twitch" class="iframeurl" title="FFT手部抽搐频谱分析">
								<i class="icon-double-angle-right"></i>FFT手部抽搐频谱分析
								</a>
							</li>
							<li>
								<a href="javascript:void(0)" name="http://127.0.0.1:8000/user/fft_grasp" class="iframeurl" title="FFT抓握频谱分析">
								<i class="icon-double-angle-right"></i>FFT抓握频谱分析
								</a>
							</li>
							<li>
								<a href="javascript:void(0)" name="http://127.0.0.1:8000/user/fft_legs_twitch" class="iframeurl" title="FFT腿部抽搐频谱分析">
								<i class="icon-double-angle-right"></i>FFT腿部抽搐频谱分析
								</a>
							</li>
							<li>
								<a href="javascript:void(0)" name="http://127.0.0.1:8000/user/fft_kick" class="iframeurl" title="FFT手部伸展频谱分析">
								<i class="icon-double-angle-right"></i>FFT手部伸展频谱分析
								</a>
							</li>
							<li>
								<a href="javascript:void(0)" name="http://127.0.0.1:8000/user/fft_turn_over" class="iframeurl" title="FFT翻身频谱分析">
								<i class="icon-double-angle-right"></i>FFT翻身频谱分析
								</a>
							</li>
							<li>
								<a href="javascript:void(0)" name="http://127.0.0.1:8000/user/fft_legs_stretch" class="iframeurl" title="FFT腿部伸展频谱分析">
								<i class="icon-double-angle-right"></i>FFT腿部伸展频谱分析
								</a>
							</li>
							<li>
								<a href="javascript:void(0)" name="http://127.0.0.1:8000/user/fft_head_move" class="iframeurl" title="FFT头部移动频谱分析">
								<i class="icon-double-angle-right"></i>FFT头部移动频谱分析
								</a>
							</li>
					</li>
				</ul>
				<div class="sidebar-collapse">
					<i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
				</div>
			</div>
			<div class="main-content" id="main-content">
				<div class="breadcrumbs">
					<ul class="breadcrumb">
						<li id="breadcrumbs">
							<i class="icon-home"></i>
							<a href="javascript:void(0)">首页</a>
						</li>
					</ul>
				</div>
				<iframe id="iframe" style="border:0; width:100%; background-color:#FFF;" name="iframe" frameborder="0" src="http://127.0.0.1:8000/user/device_easy">  </iframe>
			</div>
		</div>
	</div>
</body>